<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="./css/all.css" />
    <link rel="stylesheet" type="text/css" href="./css/index.css" />
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet"href="./bootstrap-3.4.1-dist/css/bootstrap.min.css"/>
    <script src="./data/indexGoods.js"></script>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
  </head>
  <body>
    <!-- 头部 -->
    <div id="header" class="floor">
      <!-- 顶部导航栏 -->
      <div class="nav-top">
        <div class="nav-top-mid">
          <div class="nav-top-r">
            <div class="login" id="log">
              <a href="./login.html">登陆</a>
              <a href="./register.html">注册</a>
            </div>
            <div class="login" id="log1" style="display: none;">
                  会员:<span></span>   <em id="quit">退出</em>
            </div>
            <span class="m-line"></span>
            <div class="nav-help">
              <a href="#">帮助中心</a>
            </div>
            <span class="m-line"></span>
            <div class="nav-download">
              <a href="#">下载APP</a>
            </div>
            <span class="m-line"></span>
            <div class="nav-p">
              <a href="#">资质证明</a>
              <a href="#">协议规则</a>
            </div>
          </div>
        </div>
      </div>
      <!-- 搜索框 -->
      <div class="nav-search">
        <div class="s-logo" ></div>
        <ul class="tab-list">
          <li class="tab-item tt">首页</li>
          <li class="tab-item t-i">限时采购</li>
          <li class="tab-item t-i">企业抢购</li>
        </ul>
        <div id="btn-s">
          <a href="./shopcar.html"><em class="glyphicon glyphicon-shopping-cart" id="btn-c"></em></a>
          
        </div>
        <div id="search-form">
          <em class="glyphicon glyphicon-search" id="s-table"></em>
          <input type="text" name="" id="btn-search" />
          <ul class="search-res"></ul>
        </div>
      </div>
    </div>
    <!-- banner -->
    <div id="banner">
      <!-- 二级菜单 -->
      <!-- <ul class="listobj">
        <li class="list">
          <span class="list-item">有品推荐</span>
          <span >/</span
          ><span class="list-item">手机数码</span>
        </li>
        <li class="list">
          <span class="list-item">家用电器</span>
          <span>/</span
          ><span class="list-item">智能家庭</span>
        </li>
        <li class="list">
          <span class="list-item">美食酒饮</span>
          <span >/</span
          ><span class="list-item">家具家装</span>
        </li>
        <li class="list">
          <span class="list-item">电脑办公</span>
          <span >/</span
          ><span class="list-item">出行车品</span>
        </li>
        <li class="list">
          <span class="list-item">服装配饰</span>
          <span >/</span
          ><span class="list-item">运动户外</span>
        </li>
        <li class="list">
          <span class="list-item">健康保健</span>
          <span >/</span
          ><span class="list-item">美妆个护</span>
        </li>
        <li class="list">
          <span class="list-item">日用文创</span>
          <span >/</span
          ><span class="list-item">家纺餐厨</span>
        </li>
        <li class="list">
          <span class="list-item">鞋靴箱包</span>
          <span >/</span
          ><span class="list-item">母婴亲子</span>
        </li>
        <li class="list">
          <span class="list-item">宠物生活</span>
          <span >/</span
          ><span class="list-item">有品海购</span>
        </li>
        <li class="list">
          <span class="list-item">DLAB</span>
        </li>
      </ul> -->

      <div class="containor">
        <div class="nav_left">
            <ul>
                <li data-id="1"> <span>有品推荐/手机数码</span></li>
                <li data-id="2"> <span>家用电器/智能家庭</span></li>
                <li data-id="3"> <span>美食酒饮/家具家装 </span></li>
                <li data-id="4"> <span>电脑办公/出行车品</span></li>
                <li data-id="5"> <span>服装配饰/运动户外 </span></li>
                <li data-id="6"> <span>健康保健/美妆个护 </span></li>
                <li data-id="7"> <span>日用文创/家纺餐厨  </span></li>
                <li data-id="8"> <span>鞋靴箱包/母婴亲子  </span></li>
                <li data-id="9"> <span>宠物生活/有品海购  </span></li>
                <li data-id="10"> <span>DLAB  </span></li>
            </ul>
        </div>
        <div class="nav_right">
            <div class="sub hide" data-id="1">
                <dl>
                    <dt><a>有品推荐 <i> &gt;</i></a> </dt>
                    <dd>
                        <a>官方直售</a>
                        <a>面膜</a>
                        <a>护肤套装</a>
                        <a>乳液面霜</a>
                        <a>精华液</a>
                        <a>官方直售</a>
                        <a>面膜</a>
                        <a>护肤套装</a>
                        <a>乳液面霜</a>
                        <a>精华液</a>
                        <a>官方直售</a>
                        <a>面膜</a>
                        <a>护肤套装</a>
                        <a>乳液面霜</a>
                        <a>精华液</a>
                    </dd>

                </dl>
                <dl>
                    <dt><a>手机数码 <i> &gt;</i></a> </dt>
                    <dd>
                        <a>时尚彩妆</a>
                        <a>香水</a>
                        <a>气垫护肤</a>
                        <a>BB霜</a>
                        <a>口红</a>
                        <a>隔离</a>
                        <a>粉底</a>
                        <a>粉饼</a>
                    </dd>

                </dl>
                <dl>
                    <dt><a>家用电器 <i> &gt;</i></a> </dt>
                    <dd>
                        <a>洁面爽</a>
                        <a>面膜</a>
                        <a>护肤套装</a>
                        <a>肤水乳液/面霜</a>
                        <a>精华液</a>
                        <a>眼部护理</a>
                        <a>面膜</a>
                        <a>唇部护理</a>
                        <a>防晒</a>
                        <a>精华液</a>
                        <a>T区护理控油</a>

                    </dd>

                </dl>
                <dl>
                    <dt><a>护肤品 <i> &gt;</i></a> </dt>
                    <dd>
                        <a>官方直售</a>
                        <a>面膜</a>
                        <a>护肤套装</a>
                        <a>乳液面霜</a>
                        <a>精华液</a>
                        <a>官方直售</a>
                        <a>面膜</a>
                        <a>护肤套装</a>
                        <a>乳液面霜</a>
                        <a>精华液</a>
                        <a>官方直售</a>
                        <a>面膜</a>
                        <a>护肤套装</a>
                        <a>乳液面霜</a>
                        <a>精华液</a>
                    </dd>

                </dl>
                <dl>
                    <dt><a>彩妆 <i> &gt;</i></a> </dt>
                    <dd>
                        <a>时尚彩妆</a>
                        <a>香水</a>
                        <a>气垫护肤</a>
                        <a>BB霜</a>
                        <a>口红</a>
                        <a>隔离</a>
                        <a>粉底</a>
                        <a>粉饼</a>
                    </dd>

                </dl>
                <dl>
                    <dt><a>男士护肤 <i> &gt;</i></a> </dt>
                    <dd>
                        <a>洁面爽</a>
                        <a>面膜</a>
                        <a>护肤套装</a>
                        <a>肤水乳液/面霜</a>
                        <a>精华液</a>
                        <a>眼部护理</a>
                        <a>面膜</a>
                        <a>唇部护理</a>
                        <a>防晒</a>
                        <a>精华液</a>
                        <a>T区护理控油</a>

                    </dd>

                </dl>
                <dl>
                    <dt><a>男士护肤 <i> &gt;</i></a> </dt>
                    <dd>
                        <a>洁面爽</a>
                        <a>面膜</a>
                        <a>护肤套装</a>
                        <a>肤水乳液/面霜</a>
                        <a>精华液</a>
                        <a>眼部护理</a>
                        <a>面膜</a>
                        <a>唇部护理</a>
                        <a>防晒</a>
                        <a>精华液</a>
                        <a>T区护理控油</a>

                    </dd>

                </dl>
            </div>

            <div class="sub hide" data-id="2">
                <dl>
                    <dt><a>电脑办公 <i> &gt;</i></a> </dt>
                    <dd>
                        <a>官方直售</a>
                        <a>面膜</a>
                        <a>护肤套装</a>
                        <a>乳液面霜</a>
                        <a>精华液</a>
                        <a>官方直售</a>
                        <a>面膜</a>
                        <a>护肤套装</a>
                        <a>乳液面霜</a>
                        <a>精华液</a>
                        <a>官方直售</a>
                        <a>面膜</a>
                        <a>护肤套装</a>
                        <a>乳液面霜</a>
                        <a>精华液</a>
                    </dd>
                </dl>

            </div>

            <div class="sub hide" data-id="3">
                <dl>
                    <dt><a>进口食品 <i> &gt;</i></a> </dt>
                    <dd>
                        <a>官方直售</a>
                        <a>饼干</a>
                        <a>海苔</a>
                        <a>火腿肠</a>
                        <a>方便面</a>
                        <a>果冻</a>
                        <a>水果干</a>
                        <a>坚果</a>
                        <a>面包蛋糕</a>
                        <a>华夫饼</a>
                        <a>进口巧克力</a>
                        <a>进口咖啡</a>
                        <a>进口葡萄酒</a>
                        <a>啤酒饮料</a>
                    </dd>
                </dl>

            </div>
            <div class="sub hide" data-id="4">
                <dl>
                    <dt><a>母婴玩具 <i> &gt;</i></a> </dt>
                    <dd>
                        <a>童装</a>
                        <a>秋换新</a>
                        <a>商场同款</a>
                        <a>特价优惠</a>
                        <a>秋衣秋裤</a>
                        <a>外套</a>
                        <a>羽绒服</a>
                        <a>夹克</a>
                        <a>连衣裙</a>
                        <a>裤子</a>

                    </dd>
                </dl>

            </div>
            <div class="sub hide" data-id="5">
                <dl>
                    <dt><a>珠宝饰品 <i> &gt;</i></a> </dt>
                    <dd>
                        <a>官方直售</a>
                        <a>面膜</a>
                        <a>护肤套装</a>
                        <a>乳液面霜</a>
                        <a>精华液</a>
                        <a>官方直售</a>
                        <a>面膜</a>
                        <a>护肤套装</a>
                        <a>乳液面霜</a>
                        <a>精华液</a>
                        <a>官方直售</a>
                        <a>面膜</a>
                        <a>护肤套装</a>
                        <a>乳液面霜</a>
                        <a>精华液</a>
                    </dd>
                </dl>

            </div>
            <div class="sub hide" data-id="6">
                <dl>
                    <dt><a>生活电器 <i> &gt;</i></a> </dt>
                    <dd>
                        <a>官方直售</a>
                        <a>生活电器</a>
                        <a>生活电器</a>
                        <a>吹风机</a>
                        <a>精华液</a>
                        <a>官方直售</a>
                        <a>面膜</a>
                        <a>护肤套装</a>
                        <a>乳液面霜</a>
                        <a>精华液</a>
                        <a>官方直售</a>
                        <a>面膜</a>
                        <a>护肤套装</a>
                        <a>乳液面霜</a>
                        <a>精华液</a>
                    </dd>
                </dl>

            </div>
            <div class="sub hide" data-id="7">
                <dl>
                    <dt><a>厨具 <i> &gt;</i></a> </dt>
                    <dd>
                        <a>厨具</a>
                        <a>厨具</a>
                        <a>油烟机</a>
                        <a>洗碗机</a>
                        <a>电磁炉</a>
                        <a>微波炉</a>
                    </dd>
                </dl>

            </div>
            <div class="sub hide" data-id="8">
                <dl>
                    <dt><a>汽车 <i> &gt;</i></a> </dt>
                    <dd>
                        <a>汽车</a>
                        <a>汽车</a>
                        <a>汽车</a>
                        <a>汽车</a>
                        <a>汽车</a>
                        <a>汽车</a>
                        <a>汽车</a>
                        <a>汽车</a>
                        <a>汽车</a>
                        <a>汽车</a>
                    </dd>
                </dl>

            </div>
            <div class="sub hide" data-id="9">
                <dl>
                    <dt><a>生鲜水果 <i> &gt;</i></a> </dt>
                    <dd>
                        <a>火龙果</a>
                        <a>苹果</a>
                        <a>榴莲</a>
                        <a>进口水果</a>
                        <a>优惠活动</a>
                        <a>雪梨</a>
                        <a>山竹</a>
                        <a>葡萄</a>
                        <a>泰国芒果</a>
                        <a>柚子</a>
                        <a>马蹄</a>
                        <a>橘子</a>
                        <a>香蕉</a>
                        <a>猕猴桃</a>
                        <a>椰子</a>
                    </dd>
                </dl>

            </div>
            <div class="sub hide" data-id="10">
                <dl>
                    <dt><a>当季热卖 <i> &gt;</i></a> </dt>
                    <dd>
                        <a>定制窗帘</a>
                        <a>抱枕</a>
                        <a>被子</a>
                        <a>两用坐垫</a>
                        <a>国际家纺床品</a>
                        <a>国际居家布艺</a>
                        <a>国际家居饰品</a>
                    </dd>
                </dl>

            </div>
        </div>
    </div>
      <!-- 轮播图 -->
      <div id="banner-right">
        <div class="screen" id="screen">
          <ul>
            <li>
              <img src="./images/1.jpeg" width="859" height="358" />
            </li>
            <li>
              <img src="./images/2.png" width="859" height="358" />
            </li>
            <li>
              <img src="./images/3.png" width="859" height="358" />
            </li>
            <li>
              <img src="./images/4.jpeg" width="859" height="358" />
            </li>
            <li>
              <img src="./images/5.jpeg" width="859" height="358" />
            </li>
            <li>
              <img src="./images/6.jpeg" width="859" height="358" />
            </li>
            
          </ul>
         
        </div>
        <div id="arr">
          <span id="left">&lt;</span>
          <span id="right">&gt;</span>
        </div>
      </div>
    </div>
    <div id="nav-bottom">
      <ul class="botobj">
        <li class="bot-list"><div class="bot-item"><img src="./images/btn-1.png" alt=""></div><p>上新精品</p></li>
        <li class="bot-list"><div class="bot-item"><img src="./images/btn-2.png" alt=""></div><p>小米众筹</p></li>
        <li class="bot-list"><div class="bot-item"><img src="./images/btn-3.png" alt=""></div><p>有品秒杀</p></li>
        <li class="bot-list"><div class="bot-item"><img src="./images/btn-4.png" alt=""></div><p>热销榜单</p></li>
        <li class="bot-list" id="aa"><div class="bot-item"><img src="./images/btn-5.png" alt=""></div><p>小米自营</p></li>
      </ul>
    </div>
    <!-- 内容 -->
    <div id="content">
      <!-- 众筹 -->
      <div id="buy" class="floor">
        <div id="buy-top">

          <h2>小米有品众筹
            <span>永远好奇 永远年轻</span>
          </h2>
          <span class="more">更多</span>
        </div>
        <div id="buy-bottom">
          <div class="b-l">
            <img src="./images/b-1.png" alt="">
            <div class="b-tit">
              <p class="tit">AI集尘扫拖机</p>
              <p class="b-detal">四目激光避障，毫米级AI避障，全...</p>
              <p class="b-pri">
                <span class="b-tag">¥</span>
                <span>2999</span>
              </p>
            </div>
          </div>
          <div class="b-m bitem">
            <img src="./images/b-2.png" alt="">
            <div class="b-tit">
              <p class="tit">4K激光电视套装</p>
              <p class="b-pri">
                <span class="b-tag">¥</span>
                <span>9999</span>
              </p>
            </div>
          </div>
          <div class="b-r bitem">
            <img src="./images/b-3.png" alt="">
            <div class="b-tit">
              <p class="tit">云米全域风空调</p>
              <p class="b-pri">
                <span class="b-tag">¥</span>
                <span>2799</span>
              </p>
            </div>
          </div>
        </div>
      </div>
      <!-- 众筹end -->

      <!-- 有品秒杀 -->
      <div id="s-kill" class="floor">
        <div class="s-top">
          <div class="s-r">
            <span class="s-k">有品秒杀</span>
            <div class="s-t">
              <p class="kill1"><span>00:00</span>场</p>
        <p class="kill2">
          <span>00</span>
          <i>:</i>
          <span>00</span>
          <i>:</i>
          <span>00</span>
        </p>
            </div>
          </div>
          <span class="more">更多</span>
        </div>
        <div class="s-bottom">
          <ul class="ss">
            <!-- <li><img src="./images/s-1.jpeg" alt="">
              <p class="s-tit">十二味足浴泡脚包</p>
            <p class="s-pri"> 
              <span class="s-tag">¥</span>
              <span>33</span>
            </p>
          </li>
            <li><img src="./images/s-2.jpeg" alt=""> <p class="s-tit">智能跑步机</p>
              <p class="s-pri">
                <span class="s-tag">¥</span>
                <span>1198</span>
              </p></li>
            <li><img src="./images/s-3.jpeg" alt=""> <p class="s-tit">莫比智能椭圆机</p>
              <p class="s-pri">
                <span class="s-tag">¥</span>
                <span>2799</span>
              </p></li>
            <li><img src="./images/s-4.jpeg" alt=""> <p class="s-tit">智能护膝按摩仪</p>
              <p class="s-pri">
                <span class="s-tag">¥</span>
                <span>379</span>
              </p></li> -->
          </ul>
        </div>
      </div>
      <!-- 有品秒杀end -->

      <!-- 每日新品 -->
      <div id="s-kill" class="floor">
        <div class="s-top">
          <div class="s-r">
            <span class="s-k">每日新品</span>
          </div>
          <span class="more">更多</span>
        </div>
        <div class="s-bottom sb1">
          <ul class="ss">
            <!-- <li><img src="./images/s-1.jpeg" alt="">
              <p class="s-tit">十二味足浴泡脚包</p>
            <p class="s-pri"> 
              <span class="s-tag">¥</span>
              <span>33</span>
            </p>
          </li>
            <li><img src="./images/s-2.jpeg" alt=""> <p class="s-tit">智能跑步机</p>
              <p class="s-pri">
                <span class="s-tag">¥</span>
                <span>1198</span>
              </p></li>
            <li><img src="./images/s-3.jpeg" alt=""> <p class="s-tit">莫比智能椭圆机</p>
              <p class="s-pri">
                <span class="s-tag">¥</span>
                <span>2799</span>
              </p></li>
            <li><img src="./images/s-4.jpeg" alt=""> <p class="s-tit">智能护膝按摩仪</p>
              <p class="s-pri">
                <span class="s-tag">¥</span>
                <span>379</span>
              </p></li> -->
          </ul>
        </div>
      </div>
      <!-- 每日新品end -->

      <!-- 专属推荐 -->
      <div id="s-kill" class="floor">
        <div class="s-top">
          <div class="s-r">
            <span class="s-k">专属推荐</span>
          </div>
          <span class="more">更多</span>
        </div>
        <div class="s-bottom sb2">
          <ul class="ss">
            <!-- <li><img src="./images/s-1.jpeg" alt="">
              <p class="s-tit">十二味足浴泡脚包</p>
            <p class="s-pri"> 
              <span class="s-tag">¥</span>
              <span>33</span>
            </p>
          </li>
            <li><img src="./images/s-2.jpeg" alt=""> <p class="s-tit">智能跑步机</p>
              <p class="s-pri">
                <span class="s-tag">¥</span>
                <span>1198</span>
              </p></li>
            <li><img src="./images/s-3.jpeg" alt=""> <p class="s-tit">莫比智能椭圆机</p>
              <p class="s-pri">
                <span class="s-tag">¥</span>
                <span>2799</span>
              </p></li>
            <li><img src="./images/s-4.jpeg" alt=""> <p class="s-tit">智能护膝按摩仪</p>
              <p class="s-pri">
                <span class="s-tag">¥</span>
                <span>379</span>
              </p></li> -->
          </ul>
        </div>
      </div>
      <!-- 专属推荐end -->
    </div>

    <ul class="floor-list">
      <li>顶部</li>
      <li>有品众筹</li>
      <li>有品秒杀</li>
      <li>每日新品</li>
      <li>专属推荐</li>
      
  </ul>
    <!-- 尾部 -->
    <div id="footer">
      <div id="f-con">
        <div class="f-logo"><img src="./images/logo.png" alt=""></div>
        <div class="f-r">
          <ul>

            <li>©xiaomiyoupin.com 苏B2-20180351 苏ICP备18025642号-1 logo苏公网安备 32010502010244号</li>
            <li>企业名称：有品信息科技有限公司 关于我们 入驻有品 知识产权侵权投诉</li>
            <li>小米有品平台运营主体变更公告</li>
            <li>南京市建邺区白龙江东街8号3栋9层</li>
          </ul>
          <div class="f-r-logo"><img src="./images/f.png" alt=""></div>
        </div>
      </div>
    </div>
  </body>
</html>
<script src="./js/move.js"></script>
<script src="./js/index.js"></script>


<script type="text/javascript" src="./js/style.js"></script>
<script src="./js/all.js"></script>

<script>
  $(".floor-list").children("li").click(function(){
    $("html").animate({
        scrollTop:$(".floor").eq($(this).index()).offset().top
    })
})
</script>